<template>
  <div v-for="item in list" :key="item.id">
    id是： {{ item.id }}-- 元素内容： {{ item.name }} 性别 {{ item.age }}
  </div>
</template>

<script setup>
import { reactive } from "vue";
const list = reactive([
  { id: 1, name: "张三", age: 18 },
  { id: 3, name: "王五", age: 20 },
  { id: 4, name: "李四", age: 19 },
]);
</script>

<style lang="scss" scoped></style>
